<template>

  <div id="services" class="custom-padding animate__animated bg-light" data-animation="animate__fadeInUp">
    <div class="container">
      <div class="mb-5 animate__animated" data-animation="animate__fadeInDown">
        <h2 class="section-title">我们能帮您实现以下功能</h2>
        <p class="lead text-muted">我们提供广泛的IT解决方案来帮助您
          业务增长和成功。<br>
        </p>
      </div>
      <div class="row">
        <div class="col-lg-4 col-sm-12 col-md-6 mb-4 mt-4">
          <div class="card h-100 shadow-sm animate__animated border" data-animation="animate__fadeInUp">
            <div class="card-body">
              <div class="icon mb-3">
                <i class="fas  fa-users fa-3x text-dark"></i>
              </div>
              <h5 class="card-title">用户管理</h5>
              <p class="card-text">用户，租户，角色，角色组，权限</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4">
          <div class="card h-100 shadow-sm animate__animated border" data-animation="animate__fadeInUp">
            <div class="card-body">
              <div class="icon mb-3">
                <i class="fas fa-home fa-3x text-dark"></i>
              </div>
              <h5 class="card-title">工厂管理</h5>
              <p class="card-text">零件,日历，班次，商品状态，车间，工段，工位，物流路径，制造路径，工艺路径，商品，
                商品配置等</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4">
          <div class="card h-100 shadow-sm animate__animated border-light" data-animation="animate__fadeInUp">
            <div class="card-body">
              <div class="icon mb-3">
                <i class="fa fa-cubes-stacked fa-3x text-dark"></i>
              </div>
              <h5 class="card-title">订单管理</h5>
              <p class="card-text">订单录入，状态变更，节点预测，工厂产能，订单节点预测，销售历史统计，商品历史统计</p>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4">
          <div class="card h-100 shadow-sm animate__animated" data-animation="animate__fadeInUp">
            <div class="card-body">
              <div class="icon mb-3">
                <i class="fas fa-line-chart fa-3x text-dark"></i>
              </div>
              <h5 class="card-title">预测管理</h5>
              <p class="card-text">
                预测版本，预测计算，预测主版本，预测信息发布，生产数据，生产数据主版本，工程配置查看，预测零件统计</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4">
          <div class="card h-100 shadow-sm animate__animated" data-animation="animate__fadeInUp">
            <div class="card-body">
              <div class="icon mb-3">
                <i class="fas fa-bars  fa-3x text-dark"></i>
               </div>
              <h5 class="card-title">排产管理</h5>
              <p class="card-text">工厂产能，销售产能，商品产能️，排产约束，排产版本管理，排产结果下发，排产零件统计</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mt-4">
          <div class="card h-100 shadow-sm animate__animated custom-border" data-animation="animate__fadeInUp">
            <div class="card-body">
              <div class="icon mb-3">
                <i class="fas fa-list-check fa-3x text-dark"></i>
              </div>
              <h5 class="card-title">排程管理</h5>
              <p class="card-text">排程配置，排程管理，排程结果确认与下发</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {
  data() {
    return {
      step: 'base'
    }
  },
  methods: {
    stepOver(v) {
      this.step = v;
      console.info("v", v)
    }
  }
}
</script>


<style scoped>

</style>